<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <title>系统公告</title>
  <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../../../template/website/css/app.css"/>
  <style type="text/css">
  .border-radius {
    border-radius: 5px;
 }
 .item-background{
    background: #f3f2f1;
 }
  .btns .am-btn-default {
     border: none; 
  }
  .btns .am-btn-default.am-active, .am-btn-default:active {
    background-image: none;
    background-color: #0e90d2;
    color:#fff;
  }
  .bottom_footer {  
    position: fixed; /*or前面的是absolute就可以用*/  
    bottom: 0px;
    width: 100%;
  } 
  </style>
</head>
<body>

  <div class="am-u-sm-12">
    <div class="am-padding-top">
      <div class="am-form-group am-form-icon"> <i class="am-icon-search"></i>
        <input type="text" class="am-form-field am-input-xl" placeholder="查询公告" id="search" readonly></div>
    </div>
  </div>
  <div class="am-g">
    <div class="am-btn-group am-u-sm-12 btns" data-am-button>
      <button id="btnAll" class="am-btn am-btn-default am-active am-text-sm am-padding-vertical-sm" style="width:34%;">
        <input type="radio" name="version.type" value="1" checked/>
        <span id = "all">全部</span>
      </button>
      <button id="btnRead" class="am-btn am-btn-default am-text-sm am-padding-vertical-sm" style="width:33%;">
        <input type="radio" name="version.type" value="1" >
        <span id = "read">已读</span>
      </button>
      <button id="btnUnread" class="am-btn am-btn-default am-text-sm am-padding-vertical-sm" style="width:33%;">
        <input type="radio" name="version.type" value="1" >
        <span id = "unread">未读</span>
      </button>
    </div>
  </div>

  <div class="am-u-sm-12">
    <div class="am-padding-top">
      <ui class="am-list am-list-static am-list-border" id="bulletin-list">
        <script type="text/x-handlebars-template" id="amz-list">
            {{#if bulletinList}}
              {{#bulletinList}}
                <li class="am-g">
                <input name="id" type="hidden" value="{{wdNotifyId}}" />
                <input name="content" type="hidden" value="{{notifyContent}}" />
                <input name="creator" type="hidden" value="{{creator}}" />
                <div name="title" class="am-text-truncate am-text-sm">{{notifyTitle}}</div>
                <div name="create_date" class="am-fl am-text-xs">{{createDate}}</div>
                </li>
              {{/bulletinList}}
            {{else}}
                <div class="am-text-center am-padding-vertical-xs">{{error}}</div>
            {{/if}}
          </script>
      </ui>
    </div>
  </div>
  <div class="bottom_footer am-text-center am-btn-default am-text-xs" style="filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6 ; " id="loadingbar">
    <div  class="am-padding" id="loading-content"> <i class="am-icon-spinner am-icon-spin"></i>
      加载中，请稍候……
    </div>
  </div>

  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/admin/js/utils.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/bulletin_list.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/bulletin_params.js"></script>
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
  <!--   <link rel="stylesheet" href="../../../template/assets/css/site.css">
  -->
  <!--<script type="text/javascript" src="../../template/website/js/goventerprise/index.js"></script>
-->
<script type="text/javascript">
    $(function(){
       $("#search").on("click",function(){
        window.location.href = "bulletin_search.html" + "?" + getParams();
      });
    });

    //返回页面分享的参数,当当前页面有canAppShare=1参数时需要添加此函数resShareParm(函数名不能改，客户端已经只调用这个函数)
    function resShareParm() {
        var regText1 = "saleType=1";
        var regText2 = "saleType=3";
        var regS1 = new RegExp(regText1, "gi");
        var regS2 = new RegExp(regText2, "gi");
        var urlpath = window.location.href.replace(regS1, "saleType=2").replace(regS2, "saleType=4");//修改平台类型(原生分享出去统一改为分享平台)：1（直销通代客下单）改为 2（直销通分享页面购买） 3（微店原生购买）改为 4（微店分享购买）
        var imgpath = 'http://'+window.location.host+'/upload/file/default_head_img.png';
        var title = "用移动手机宽带免费送";
        var description = "超人气预约套餐等你来约";
        var data = "url=" + urlpath + "&&img=" + imgpath + "&&title=" + title + "&&description=" + description + "";
        return data;
    }
  </script>
</body>
</html>